<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>登录</title>
    <link rel="stylesheet" href="/css/login.css">
</head>
<body>
    <!-- header -->
    <header>
        <a href="/index.html" id="logo"><img src="/images/login/logo.png" alt="#"></a>
        <a href="script:;" id="help">帮助</a>
    </header>

    <!-- 登录 -->
    <div id="SignIn">
        <div id="SignIn_L">
            <img src="/images/login/login120412_newlogo.jpg" alt="#">
        </div>
        <div id="SignIn_R">
            <div id="Form">
                <div id="Form_01">
                    <span>凡客Vancl登录</span><span>没有账户免费<a href="/html/register.html">注册</a></span>
                </div>
                <form action="php/登录.php" method="POST" id="Form_02">
                    <button>普通登录</button><button>快捷登录</button>
                    <input type="text" placeholder="请输入用户名">
                    <input type="text" placeholder="请输入密码">
                    <a href="script:;">找回密码</a>
                    <input type="submit" value="登录" id="sub">
                </form>
                <div id="Form_03">
                    <span>使用合作网站证号登录凡客</span>
                    <img src="/images/login/logos.jpg" alt="">
                    <!-- 使用span标签通过定位调节与左侧的距离来实现点击性相应的背景图片跳转到相应的页面 -->
                    <div>
                        <span><a href="#"></a></span>
                        <span><a href="#"></a></span>
                        <span><a href="#"></a></span>
                        <span><a href="#"></a></span>
                        <span><a href="#"></a></span>
                        <span><a href="#"></a></span>
                    </div>
                </div> 
            </div>     
        </div>
    </div>

    <!-- footer -->
    <footer>
        <div id="F_bottom">
            <p>Copyright 2007 - 2020 vancl.com All Rights Reserved京ICP证100557号京公网安备11011502002400号出版物经营许可证新出发京批字第直110138号
            </p>
            <div>
                <img src="/images/footer/xin.jpg" alt="">
                <img src="/images/footer/CNGA.jpg" alt="">
                <img src="/images/footer/baozheng.jpg" alt="">
                <img src="/images/footer/beian.jpg" alt="">
            </div>
        </div>
    </footer>
</body>
</html>